<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import "normalize.css";
export default {
  name: "app"
};
</script>

<style lang="scss">
@import "assets/iconfont/iconfont.css";
@import "assets/common/css/__color.scss";
@import "assets/common/css/__flex.scss";

html,
body,
#app {
  height: 100%;
}

#app {
  @include flex-box();
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-size: 14px;
}

/* iview 相关组件样式 */
.ivu-btn:hover {
  color: $majorColor;
  background-color: #fff;
  border-color: $majorColor;
}

/* 一些基础样式 */
.u-w200 {
  width: 200px !important;
}
.u-mr10 {
  margin-right: 10px !important;
}
.u-mb10 {
  margin-bottom: 10px !important;
}
.u-mt20 {
  margin-top: 20px !important;
}
.u-mb20 {
  margin-bottom: 20px !important;
}
.u-tc {
  text-align: center;
}
</style>
